import * as React from 'react';
import { Link } from 'react-router-dom'
import Demos from './demos/JqueryDemo'
import { ControlPivot } from '../components/pivot';

import EchartsTest from '../components/echarts/EchartsTest';
import LineEcharts from '../components/echarts/LineEcharts';
import PieEcharts from '../components/echarts/PieEcharts';
import ReactEchartsTest from '../components/echarts/ReactEchartsTest';
import ReactEchartsTest2 from '../components/echarts/ReactEchartsTest2';
import ReactEchartsTest3 from '../components/echarts/ReactEchartsTest3';
import { Pivot, PivotLinkFormat, PivotItem, PivotLinkSize } from 'office-ui-fabric-react';

export interface AssistantProps {

}

export interface AssistantState {
  contentList: any[]
}

export default class Assistant extends React.Component<AssistantProps, AssistantState> {
  constructor(props, context) {
    super(props, context);
  }

  render() {
    return (
      <div className='container'>

        <Link to="/">返回</Link>

        <Pivot className="home-tabs" linkFormat={PivotLinkFormat.tabs} linkSize={PivotLinkSize.large}
        >
          <PivotItem linkText="Office Word方法测试" itemIcon="Emoji2">
            <Demos />
          </PivotItem>
          <PivotItem linkText="Echarts图表" itemIcon="Globe">
            <EchartsTest />
            <LineEcharts />
            <PieEcharts />
            <ReactEchartsTest />
            <ReactEchartsTest2 />
            <ReactEchartsTest3 />
          </PivotItem>
          <PivotItem linkText="ui-fabric-react" itemIcon="Emoji2">
            <ControlPivot />
          </PivotItem>
        </Pivot>
      </div>
    );
  }

}
